import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

//1、引入element-plus组件库
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

//3、引入element-plus图标库
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

//5.1修改elementPlus默认中文
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

const app = createApp(App)
//4、遍历ElementPlusIconVue对象中的所有图标组件并注册到vue实例app中
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

//2. app.use(ElementPlus) 使用Element-plus组件库
//5.2 app.use(ElementPlus,{ locale: zhCn })将El本地化为中文
app.use(ElementPlus,{ locale: zhCn }).use(store).use(router).mount('#app')